<template>
  <view class="mymargin animate__animated animate__lightSpeedInRight">
    <!--  -->
    <view class="textaligin">
      <view class="emptystylt">{{token===''?'请登录之后,才可以展示详情!':nulltitle}}</view>
      <view class="versestyle">
        <h4>李白《清平调·其一》</h4>
        <p>
          云想衣裳花想容，<br>春风拂槛露华浓。<br>
          若非群玉山头见，<br>会向瑶台月下逢。
        </p>
      </view>
    </view>
  </view>
</template>

<script>
  import {mapState} from 'vuex'
  export default {
    name:"my-resources",
    data() {
      return {
        nulltitle:'您还暂时没有添加属于您的壁纸集！'
      };
    },
    computed:{
      ...mapState('m_user',['token'])
    }
  }
</script>

<style lang="less">
.mymargin{
  margin-top: 10rpx;
}
  .textaligin {
    height: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    .versestyle {
      font-family: "华文楷体";
      color: green;
      background-image: linear-gradient(160deg, #00ffd5 20%, #008cff 80%);
      font-size: 36px;
      text-align: center;
      box-shadow: 10px 3px 20px #999999;
      writing-mode: vertical-rl;
    }

    .emptystylt {
      text-align: center;
      font-family: "华文彩云";
      font-size: 66rpx;
      font-weight: bolder;
      -webkit-text-stroke: 1px #0000FF;
      -webkit-text-fill-color: transparent;
      -webkit-writing-mode: vertical-rl;
      margin-left: 30rpx;
    }
  }

</style>